<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="./common.css" />
    <link rel="stylesheet" type="text/css" href="./index.css" />
    <style>
        * {
            padding: 0;
            margin: 0;
        }
    </style>
</head>

<body>
    <div class="page flex-col">
        <div class="main1 flex-col">
            <div class="outer1 flex-col">
                <div class="outer2 flex-col">
                    <div class="box1 flex-col">
                        <div class="outer3 flex-row">
                            <span class="txt1">9:41</span>
                            <img class="icon1" referrerpolicy="no-referrer" src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng1be20f0eced1f466b6b4dc3a981fc6b52a4b9cf391debed94bcf2e01f7c38668" />
                            <div class="section1 flex-col"></div>
                            <img class="icon2" referrerpolicy="no-referrer" src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnga05957db16243a63d7c74f823baeb36bbafa63e1b3e30902724223c367fb5eeb" />
                        </div>
                        <div class="outer4 flex-row">
                            <span class="info1">QIU&nbsp;Bei</span>
                            <img class="icon3" referrerpolicy="no-referrer" src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng90f72bdb9612af2a2d217326541890b08ca369004fd65bb51b9b6a82fe0271ec" />
                        </div>
                        <div class="outer5 flex-col">
                            <div class="layer1 flex-col">
                                <span class="word1">今日学习时长</span>
                                <div class="mod1 flex-row">
                                    <span class="word2">02</span>
                                    <span class="word3">/20min</span>
                                </div>
                                <div class="mod2 flex-col"></div>
                            </div>
                            <div class="layer2 flex-col"></div>
                        </div>
                    </div>
                    <span class="info2">Hi~</span>
                </div>
                <span class="txt2">课程提醒</span>
                <div class="outer6 flex-row">
                    <div class="main2 flex-col">
                        <div class="bd1 flex-row">
                            <span class="word4">
                  2021.05.30&nbsp;星期三&nbsp;09:00~11:00
                </span>
                        </div>
                        <div class="bd2 flex-row">
                            <span class="word5">EF中国说-公路旅行</span>
                        </div>
                        <div class="bd3 flex-row">
                            <img class="label1" referrerpolicy="no-referrer" src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng2dd5af9d8112f19ca8b8f96ed84c085785c7c3cafe2ceccae10d973f2167bccd" />
                            <span class="txt3">线上&nbsp;Zoom平</span>
                            <span class="txt4">生活俱乐</span>
                        </div>
                    </div>
                    <div class="main3 flex-col">
                        <div class="wrap1 flex-row">
                            <img class="label2" referrerpolicy="no-referrer" src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb620bd8f6ef3a7693a840984950bbd096251ba59cf23009c0e747da98c3519f7" />
                            <span class="txt5">南山中心</span>
                        </div>
                    </div>
                </div>
                <div class="outer7 flex-row">
                    <div class="layer3 flex-col">
                        <div class="mod3 flex-row">
                            <span class="word6">0</span>
                            <div class="layer4 flex-col"></div>
                            <span class="word7">2</span>
                            <img class="label3" referrerpolicy="no-referrer" src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng1158ec14adc2ff85126162128b9b6755f438ecd513ef06520d4f0eeb16647788" />
                        </div>
                        <div class="mod4 flex-row">
                            <span class="word8">在线自学教</span>
                        </div>
                    </div>
                    <div class="layer5 flex-col">
                        <div class="group1 flex-col">
                            <div class="layer6 flex-row">
                                <span class="txt6">0</span>
                                <div class="bd4 flex-col"></div>
                                <span class="txt7">5</span>
                            </div>
                            <span class="txt8">教师指导课</span>
                        </div>
                    </div>
                </div>
                <div class="outer8 flex-col">
                    <div class="group2 flex-col">
                        <span class="info3">免费体验&nbsp;EF&nbsp;Life&nbsp;Club</span>
                        <span class="info4">带好友来</span>
                    </div>
                </div>
                <span class="word9">课程提醒</span>
                <div class="outer9 flex-col"></div>
            </div>
        </div>
        <span class="word10">2021.05.30&nbsp;星期三&nbsp;09:00~11:00</span>
        <span class="info5">L5U6&nbsp;Describing&nbsp;clothing</span>
        <div class="main4 flex-col">
            <div class="section2 flex-row">
                <div class="bd5 flex-col">
                    <img class="label4" referrerpolicy="no-referrer" src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngf881258d16f411956d665192fe1e876b6659612920ad2e116d2278559425bd4c" />
                </div>
                <img class="label5" referrerpolicy="no-referrer" src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng7919936580a051aaec8a378b09518ebf1dd1d101d9e19e6d257a17060d3f150a" />
                <img class="label6" referrerpolicy="no-referrer" src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngab69ce62b2ca6e9b29e5de72388cfe6cd8d86b1136a68ec3c49fe13dd7e35db1" />
                <img class="label7" referrerpolicy="no-referrer" src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng954adddbba94542b1bc4e71a820968ea5a643073701e0c9090951ed395249f1a" />
            </div>
            <div class="section3 flex-row">
                <span class="word11">课程</span>
                <span class="word12">课堂</span>
                <span class="info6">我</span>
            </div>
            <div class="section4 flex-row">
                <div class="layer7 flex-col"></div>
            </div>
            <span class="word13">首页</span>
        </div>
    </div>
</body>

</html>